<template>
	<view class="all">
		<view class="one">
			<view class="title">
				待产包九大件
			</view>
			<view class="content">
				<text class="yi">产前准备十分重要！这些孕妈妈最好不要亲自准备，大动作很有可能会导致羊水破裂，赶不及去医院，所以可以喊老公或者家人帮忙，</text>
				<view class="pist">
					<image src="../../../static/hm1.png" mode=""></image>
					<text class="fm">  孕妈妈</text><br>
					<text>1、户口、身份证等</text>
					<text class="p">2、哺乳衣服</text><br>
					<text>3、防溢乳胶垫</text>
					<text class="p1">4、产褥垫、卫生纸</text><br>
					<text>5、吸奶器、吸管</text>
					<text class="p2">6、孕产妇专用痔疮膏</text><br>
				</view>
				<view class="pist">
					<image src="../../../static/baby.png" mode=""></image>
					<text class="fm">  宝宝</text><br>
					<text>1、婴幼儿衣服</text>
					<text class="p3">2、纸尿裤、尿布</text><br>
					<text>3、红屁股膏</text>
					<text class="p5">4、喂奶装备</text><br>
					<text>5、擦奶巾</text>
					<text class="p4">6、襁褓</text><br>
				</view>
					
			</view>
		</view>
		<navigator url="../rest">返回始页</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	*{
		margin: 0;
		padding: 0;
	}
	.all{
		position: relative;
		background-color: pink;
		width: 100%;
		height:670px;
	}
	.one{
		position: absolute;
		top: 40px;
		left:20px ;
		height: 600px;
		width: 90%;
		margin-top: 10px;
		margin: 0px auto;
		background-color: rgba(255,255,255,.7);
		// background: url("http://r.photo.store.qq.com/psc?/V10oAX800ltCLc/ruAMsa53pVQWN7FLK88i5l6kRAfJlr37bS8KzAZLY4Zwc8sRM0fzbJTxtqHWWxNOeTGSDQ1T99ouVk.wpkzl*.git.gZ1tjjb4gn9cX7BTQ!/r");
		background-size: 100% 100%;
		.title{
			width: 60%;
			margin: 10px auto;
			height: 40px;
			border: 5px;
			line-height: 40px;
			text-align: center;
			background-color: rgba(255,235,235,.8);
			font-size: 25px;
			color: #EE6AA7;
		}
		.content{
			width: 94%;
			margin:20px auto;
		}
		.content text{
			line-height: 36px;
			letter-spacing: 2px;
			color: #545454;
		}
		.yi{
			font-size: 16px;
			font-weight: 550;
		}
		.fm{
			display: inline-block;
			width: 120px;
			text-align: center;
			background-color: yellow;
		}
		.pist{
			position: relative;
		}
		.p{
			display: inline-block;
			margin-left: 30px;
		}
		.p1{
			display: inline-block;
			margin-left: 64px;
		}
		.p2{
			display: inline-block;
			margin-left: 50px;
		}
		.p3{
			display: inline-block;
			margin-left: 68px;
		}
		.p4{
			display: inline-block;
			margin-left:100px;
		}
		.p5{
			display: inline-block;
			margin-left: 84px;
		}
		image{
			position: absolute;
			left: 2px;
			width: 70rpx;
			height: 70rpx;
		}
	}
	navigator{
		position: absolute;
		top: 644px;
		left: 330px;
		font-size: 18px;
		color:white;
	}
</style>
